<template>
    <div id="index_container">
        <div id="map_wrap">
            <!-- <map-container></map-container> -->
            <!-- <draw></draw> -->
            <!-- <rect-angle></rect-angle> -->
            <rect-angle-rotate></rect-angle-rotate>
        </div>
    </div>
</template>
<script>
import MapContainer from "../components/MapContainer/MapContainer.vue"
import Draw from "../components/Draw/Draw.vue"
import RectAngle from "../components/RectAngle/RectAngle.vue"
import RectAngleRotate from "../components/RectAngleRotate/RectAngleRotate.vue"
    export default {
        components: {
            MapContainer,
            Draw,
            RectAngle,
            RectAngleRotate
        } 
    }
</script> 
<style lang="less" scoped>
    #index_container {
        height: 100%;
        width: 100%;
        #map_wrap {
        height: 100%;
        width: 100%;
        position: relative;
    }
    }
</style>